import React, { FC, useState } from 'react'
import { OrderStdAdd } from '@/types/orderList/orderDetail'
import pic_addressUrl from '@/assets/images/pic_address.png'
export const StdAddress: FC<{ currendStdAdd: Partial<OrderStdAdd> }> = (props) => {
  const currendStdAdd = props.currendStdAdd
  return (
    <div className="w-auto h-auto bg-white  shadow-bs5 m-r1.2  rounded-r0.8">
      <div className="p-r1.2 h-r8.5 pl-r4.4 relative">
        <img
          alt=""
          className=" absolute left-r1.2 top-r3.2 w-r2.0 h-auto"
          src={pic_addressUrl}
        ></img>
        <div className=" text-r1.2 font-normal text-gray-666666 h-r1.2 leading-r1.2 mb-r0.7 ">
          <span>{currendStdAdd?.province}</span> <span>{currendStdAdd?.city}</span>{' '}
          <span>{currendStdAdd?.region}</span>
        </div>
        <div className=" text-r1.6 font-medium h-r1.8 leading-r1.8  text-gray-333333 mb-r0.7 ">
          {currendStdAdd?.address}{' '}
        </div>
        <div>
          <span className="text-r1.2 font-normal leading-r1.3 text-gray-666666">
            <span>{currendStdAdd?.name} </span>
            <span>{currendStdAdd?.phone}</span>
          </span>
        </div>
      </div>
    </div>
  )
}
